<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<title>美亚保险-保单查询页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<!--head_Thank start-->
<div class="head_Thank clearfix">
	<div class="w ">
	<div class="fl mg"><img src="images/head.png" /></div>
	<div class="fr center mt head">
	 <p><img src="images/tel.png" /></p>
	</div>
	</div>
</div>
<!--head_Thank end-->
	<!-- head -->
	<div class="w partic_headline">
		<h1>保单查询</h1>
		<p class="clearfix"><span>&nbsp;*&nbsp;</span> 欢迎使用美亚旅行险保单查询服务，你填写的信息仅供本次查询有用，我们会为您的信息严格保密</p>
		<p class="partic_colororange clearfix"><span>&nbsp;&nbsp;&nbsp;</span>本查询系统仅支持在美亚官网（www.aig.com.cn）和美亚保险天猫官方旗舰店（aig.tmall.com）购买保单查询。</p>
	</div>
	<!-- head end -->
	<!-- content-->
	<div class="w bgwhite partic_info">
		<div class="forms posirela">	
			<div class="clearfix row"> 
				<label for=""style="padding-top:0px">购买渠道：</label>
				<div class="go_country clearfix" >
					<a href="javascript:;" class="if_rtrdu">
						<input type="hidden" value="美亚保险官网" name="go_country"  />
					</a>
					<span style="padding-left:3px;margin-right:40px">美亚保险官网</span>
					<a href="javascript:;">
						<input type="hidden" value="美亚保险天猫官方旗舰店" name="go_country" />
					</a>
					<span style="padding-left:3px">美亚保险天猫官方旗舰店</span>
				</div>
			</div>
			<div class="clearfix row"> 
				<label for="">投保人姓名：</label>
				<div>
					<input type="text" name="name" placeholder=" 例：李明/LIMING" class="fl">
					<a href="javascript:;" class="tip fl">
					<div class="tips"><p>什么根据中国《保险法》规定，投保人是指与保险人订立保险合同，并按照合同负有支付保险费义务的人。通常投保人是指购买该保单的人，也是付款人（必须是成年人）</p></div>
					</a>
					<span class="tip-error">请输入姓名</span>
				</div>
			</div>
			<div class="clearfix row">
				<label for="">保单号：</label>
				<div>
					<input type="text" name="no" placeholder=" 例：abc@sina.com" class="fl">
					<a href="javascript:;" class="tip fl">
					<div class="tips"><p>什么根据中国《保险法》规定，投保人是指与保险人订立保险合同，并按照合同负有支付保险费义务的人。通常投保人是指购买该保单的人，也是付款人（必须是成年人）</p></div>
					</a>
					<span class="tip-error">请输入姓名保单号</span>
				</div>
			</div>
			<div class="clearfix row yzm">
				<label for="">验证码：</label>
				<div class="clearfix">
					<input type="text" name="code" class="fl" id="yanzm" /> <i></i> <a href="javascript:;">换一个</a>
					<span class="tip-error">请输入验证码</span>
				</div>
			</div>
			<div class="clearfix row">
				<label for="">&nbsp;</label>
				<div class="agree">
					<a href="javascript:;" class="fl" id="express_checkbox"><input type="hidden" value="0"></a>我同意如下 <a href="javascript:;">协议与条件</a>
				</div>
			</div>
			<div class="clearfix row">
				<label for="">&nbsp;</label>
				<div class="clearfix"><a href="javascript:;" class="btn btn-search">立即查询</a></div>
			</div>
		</div>
	</div>
	<!-- content end -->
	<!--footer_Thank start-->
<div class="footer_Thank  clearfix">
	 <div class="clearfix wrap mb">
	 <h3  class="ptop" style="font-size:16px;font-weight:normal">保单变更/退保流程</h3>
	 	<div>
		<div class="fl wid  mtop ">
			<ol>
				<img src="images/alteration.png"  class="fl"/>
				<h3 class="" style="margin-left:68px;font-size:14px;font-weight:normal">表单变更</h3>
				<li class="ml">填写并打印《保险合同变更/退保申请书》（须投保人签名）</li>
				<li class="ml">扫描或拍照后发送到我司客服邮箱申请取消原保单，并重新投保</li>
			</ol>
			<div class="fl mtop wid ptop" >
			<ol>
				<img src="images/wrong.png"   class="fl"/>
			    <h3 style="margin-left:68px;font-size:14px;font-weight:normal">退保</h3>
				<li class="ml">填写并打印《保险合同变更/退保申请书》（须投保人签名）</li>
				<li class="ml">扫描或拍照后发送到我司客服邮箱申请取消原保单，并重新投保</li>
			</ol>
		</div>
	    </div>
		<div class="fl oh bd mlf wd">
		<p class="mtop">客服邮箱：<a href="#">customersevicechina@aig.com</a></p>
		<p>点击下载：<a href="#">《保险合同变更/退保申请书》</a></p>
		<h3 class="mtop "style="font-size:16px;font-weight:normal">特别提醒</h3>
			<ol class="mal">
				<li>请保证您的资料齐全，我们会在10个工作日内退款至您的账户</li>
				<li>请在保险合同生效日以前办理保单变更/退保业务，保单生效后本公司不予受理，敬请谅解。</li>
				<li>请提供投保人的储蓄账户接受退款（暂不支持信用卡）</li>
			</ol>
		</div>
		</div>
		<div>
		<div class="fl footerr mlf">
		<p><a href="#">官网两个不同的服务器热线的区别</a></p>
		<p><a href="#">旅行险服务问题</a></p>
		<p><a href="#">旅行险产品问答</a></p>
		<p><a href="#">常见问题</a></p>
		<p><a href="#">个人险理赔</a></p>
		</div>
		<div class="mtops"><img src="images/footer.png" class="fl mlf" /></div>
		</div>
	 </div>
	 <!--footer_Thank top end-->
	  <div class="clearfix wrap mtop">
	  <p class="marg"style="font-size:14px;">全球|中国></p>
	  <div class="footer_bottom pb" >
	  	<ul>
			<li><a href="#">隐私政策|</a></li>
			<li><a href="#">使用条款|</a></li>
			<li><a href="#">网站地图</a></li>
		</ul>
		<p class="cb">Copyngh&copy;2016 Americn Intemational Group,Inc.All nghts reserved.</p>
		<p style="color:#9e9e9e">沪ICP备09040636号—8</p>
	  </div>
	  </div>
</div>
<!--footer_end end-->
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script>
	$(function(){
		$('.go_country a').click(function(){
			$(this).addClass('if_rtrdu').siblings('a').removeClass('if_rtrdu');;
			$(this).children('input').attr("checked", true); 
		});

		$('a.tip').hover(function(){
			$(this).find('.tips').show();
		},function(){
			$(this).find('.tips').hide();
		});

		$('#express_checkbox').click(function(){
			if($(this).hasClass("ckboxture")){
				$(this).children('input').val(0);
				$(this).removeClass("ckboxture");
			}else{
				$(this).addClass("ckboxture");
				$(this).children('input').val(1);
			};
		});
		$('input[type=text]').blur(function(){
			if($(this).val()==''){
				$(this).addClass('item-error');
				$(this).siblings('.tip-error').show();
			}else{
				$(this).removeClass('item-error');
				$(this).siblings('.tip-error').hide();
			}
		})
		$('.btn-search').click(function(){
			var name = $('input[name=name]').val();
			var no = $('input[name=no]').val();
			var code = $('input[name=code]').val();
			if(name=='' && no=='' && code==''){
				$('input[type=text]').addClass('item-error');
				$('.tip-error').show();
			}
		})
	});		
	</script>
</body>
</html>